$(function(){
    $('#loginBox a').on('click',function(){
        
        $('#regBox').show()
        $('#loginBox').hide()
    })
    $('#regBox a').on('click',function(){
        $('#loginBox').show()
        $('#regBox').hide()
    })

    let form=layui.form;
    form.verify({
        username:[
            /^[\S]{1,10}$/,
            '用户名必须1-10位，且不能出现空格'
        ],
        pwd:[/^[\S]{1,10}$/,
        '用户名必须1-10位，且不能出现空格'
        ],
        rePwd:function(value){
            let pwd = $('#regBox input[name=password]')
            if(pwd !== value){
                return '两次密码不一样'
            }
        }
    })
    // 注册submit事件
    $('#regBox form').on('submit',function(e){
        // 阻止页面跳转
        e.preventDefault()

        axios({
            method:'POST',
            url:'http://api-breakingnews-web.itheima.net/api/reguser',
            data:$(this).serialize()

        }).then(res=>{
            console.log(res.data);
            alert('注册成功了')
            $('#loginBox a').click()
            $('.layui-form')[0].reset()
        })
    })
    $('#loginBox form').on('submit',function(e){
        e.preventDefault()
        axios({
            method:'POST',
            url:'http://api-breakingnews-web.itheima.net/api/login',
            data:$(this).serialize()
        }).then(res=>{
            if(res.data.status !=0){
                return layui.msg(res.data.message)
            }
            alert('恭喜您，登录成功')
            localStorage.setItem('token',res.data.token)
            location.href='/index.html'
        })
    })
})